<template>
    <view class="container">
        <view class="container_card">
            <view class="info_item">
                <view class="info_item_label">文件名称：</view>
                <view class="info_item_content">{{info.fileName || '--'}}</view>
            </view>
            <view class="info_item">
                <view class="info_item_label">文件版次：</view>
                <view class="info_item_content">{{info.fileVersion || '--'}}</view>
            </view>
            <view class="info_item">
                <view class="info_item_label">版次状态：</view>
                <view class="info_item_content">{{info.versionStatus === 0 ? '废止' : '现行' }}</view>
            </view>
            <view class="info_item">
                <view class="info_item_label">文件格式：</view>
                <view class="info_item_content">{{info.fileFormat || '--'}}</view>
            </view>
        </view>
        
        <view class="container_card">
            <view class="info_item">
                <view class="info_item_label">上传人员：</view>
                <view class="info_item_content">{{info.uploadUser || '--'}}</view>
            </view>
            <view class="info_item">
                <view class="info_item_label">上传日期：</view>
                <view class="info_item_content">{{info.uploadTime || '--'}}</view>
            </view>
        </view>
        
        <view class="container_card">
            <view class="info_item">
                <view class="info_item_label">专业类型：</view>
                <view class="info_item_content">{{info.professionName}}</view>
            </view>
            <view class="info_item">
                <view class="info_item_label">文件类型：</view>
                <view class="info_item_content">{{info.fileTypeName || '--'}}</view>
            </view>
        </view>
        
        <view class="container_card">
            <view class="info_item">
                <view class="info_item_label">文件状态：</view>
                <view class="info_item_content">{{info.statusName || '--'}}</view>
            </view>
            <view class="info_item">
                <view class="info_item_label">文件编号：</view>
                <view class="info_item_content">{{info.fileCode || '--'}}</view>
            </view>
            <view class="info_item">
                <view class="info_item_label">解析状态：</view>
                <view class="info_item_content">{{info.analyseStatusName || '--'}}</view>
            </view>
        </view>
        
        <view class="container_card">
            <view class="info_item">
                <view class="info_item_label">文件大小：</view>
                <view class="info_item_content">{{info.fileSize || '--'}}</view>
            </view>
            <view class="info_item">
                <view class="info_item_label">作者姓名：</view>
                <view class="info_item_content">{{info.author || '--'}}</view>
            </view>
		</view>
	</view>
</template>

<script>
export default {
    data() {
        return {
			info: {}
		};
    },
	
	onLoad: function (option) {
		this.info = JSON.parse(decodeURIComponent(option.item))
		console.log(this.info,"看看这个问题")
	}
};
</script>

<style lang="scss" scoped>
.container {
	padding: 40rpx 30rpx;
    .container_card{
        background: #FFFFFF;
        border-radius: 16rpx;
        padding: 0 20rpx;
        & +.container_card{
            margin-top: 40rpx;
        }
        .info_item {
            display: flex;
            // height: 60rpx;
            line-height: 80rpx;
            padding: 0 8rpx;
            .info_item_label {
                width: 160rpx;
                min-width: 160rpx;
                font-family: Source Han Sans;
                font-size: 30rpx;
                font-weight: normal;
                color: #1C2126;
            }
            .info_item_content {
                flex: 1;
                font-family: 思源黑体;
                font-size: 30rpx;
                font-weight: normal;
                color: #4C5A67;
                text-align: end;
                word-break: break-all;
                display: -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 1;
                overflow: hidden;
                text-overflow: ellipsis;
            }
            & +.info_item{
                border-top: 1rpx solid #D8D8D8;
            }
        }
    }
}
</style>
